<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>testsite</title>

    <link href="css/test.less" rel="stylesheet">
    <link href="css/test2.less" rel="stylesheet">
  </head>

    <body class="standard">
      <button class="button">Default</button>
      <div class="banner">
          This is all RED!
      </div>
      <div class="banner-new2">
          This is all BLUE!
      </div>
      <div class="level1">
        <div class="level2">
            <div class="level3">
                This a level 3 text
            </div>
        </div>
      </div>

        <div class="comment1">Comment #1 (single line)</div>
        <div class="comment2">Comment #2 (multi line)</div>
        <div class="comment3">Comment #3 (End of line)</div>
        <div class="comment4">Comment #4 (single line block comment)</div>
        <div class="comment5">Comment #5 (multi line block comment)</div>

        <div class="confuse1">
            Confuse #1
            <div class="special">
                Special
            </div>
        </div>

        <div class="compressed">
            Compressed
        </div>

        <div id="main">
            <div class="uno">ONE</div>
            <div class="dos">TWO</div>
        </div>

        <div id="main2">
            <div class="tres">TRES</div>
            <div class="quattro">QUATTRO</div>
        </div>

        <!-- This doesn't work right now with LESS because variables are not getting interpolated -->
        <div class="testbanner">
            This is a banner
        </div>

        <div class="mixins">
            <div class="mixina-class">Mixin A</div>
        </div>

        <div class="widget">
            Widget
        </div>

        <div id="header-mixin-paramterized-default">Mixin Test Parameterized Default</div>
        <div id="header-mixin-paramterized-custom">
            <div id="header-mixin-paramterized-custom-1">
                Mixin Test Parameterized Custom
            </div>
        </div>
    </body>
</html>
